<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <main id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section id="banner" class="slider-element" data-swiper-options="{}">
        <div class="swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="container">
                <div class="slider-caption">
                  <h2>一站直达世界名校</h2>
                  <p>One stop direct access to world-renowned universities</p>
                </div>
              </div>
              <div
                class="swiper-slide-bg"
                style="
                  background-image: url('/assets/images/gjjl/banner/1.jpg');
                "
              ></div>
              <a href="#1" class="stretched-link" title=""></a>
            </div>
          </div>

          <!-- <div class="swiper-pagination"></div>

          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div> -->
          <a href="#" data-scrollto="#content" class="slide-down"
            ><i class="novem-icons nvm-icon-chevron-right icon-rotate-90"></i>
          </a>
        </div>
      </section>

      <section id="content" class="gjjl">
        <div class="section" id="news">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    LATEST
                    <span class="last-word">NEWS</span>
                  </div>
                  <h2>最新资讯</h2>
                </div>
              </div>
              <div class="col-12">
                <div
                  class="slider-element"
                  data-swiper-options="{'breakpoints': {'0': {'slidesPerView': 1,'spaceBetween': 10},'768': {'slidesPerView': 2,'spaceBetween': 20},'992': {'slidesPerView': 3,'spaceBetween': 20},'1200': {'slidesPerView': 4,'spaceBetween': 30}},'loop': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'}}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a href="#" class="news-item">
                          <div class="item-top">
                            <div class="thumb">
                              <img
                                src="/assets/images/gjjl/1.jpg"
                                alt="留学项目"
                              />
                            </div>
                            <div class="title">
                              即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                            </div>
                          </div>
                          <div class="item-bottom">
                            <div class="item-intro">
                              留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                            </div>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="#" class="news-item">
                          <div class="item-top">
                            <div class="thumb">
                              <img
                                src="/assets/images/gjjl/1.jpg"
                                alt="留学项目"
                              />
                            </div>
                            <div class="title">
                              即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                            </div>
                          </div>
                          <div class="item-bottom">
                            <div class="item-intro">
                              留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                            </div>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="#" class="news-item">
                          <div class="item-top">
                            <div class="thumb">
                              <img
                                src="/assets/images/gjjl/1.jpg"
                                alt="留学项目"
                              />
                            </div>
                            <div class="title">
                              即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                            </div>
                          </div>
                          <div class="item-bottom">
                            <div class="item-intro">
                              留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                            </div>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="#" class="news-item">
                          <div class="item-top">
                            <div class="thumb">
                              <img
                                src="/assets/images/gjjl/1.jpg"
                                alt="留学项目"
                              />
                            </div>
                            <div class="title">
                              即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                            </div>
                          </div>
                          <div class="item-bottom">
                            <div class="item-intro">
                              留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                            </div>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a href="#" class="news-item">
                          <div class="item-top">
                            <div class="thumb">
                              <img
                                src="/assets/images/gjjl/1.jpg"
                                alt="留学项目"
                              />
                            </div>
                            <div class="title">
                              即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                            </div>
                          </div>
                          <div class="item-bottom">
                            <div class="intro">
                              留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                            </div>
                          </div>
                        </a>
                      </div>
                    </div>

                    <div class="swiper-btn">
                      <div class="swiper-button-prev"></div>
                      <a href="#" class="more">查看更多</a>
                      <div class="swiper-button-next"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="section" id="study">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    OVERSEAS
                    <span class="last-word">study</span>
                  </div>
                  <h2>海外学习</h2>
                </div>
              </div>
            </div>
            <div class="row row-cols-1 row-cols-lg-3 g-3">
              <div class="col">
                <a href="#" class="study-item">
                  <div class="thumb">
                    <img src="/assets/images/gjjl/1.jpg" alt="留学项目" />
                  </div>
                  <div class="item-bottom">
                    <div class="title">国际留学</div>
                    <div class="intro">
                      留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                    </div>
                    <div class="more">
                      <span>查看更多</span
                      ><i class="novem-icons nvm-icon-arrow-right"></i>
                    </div>
                  </div>
                </a>
              </div>
              <div class="col">
                <a href="#" class="study-item">
                  <div class="thumb">
                    <img src="/assets/images/gjjl/2.jpg" alt="国际研学" />
                  </div>
                  <div class="item-bottom">
                    <div class="title">国际研学</div>
                    <div class="intro">
                      国际研学项目着重于跨学科合作与实践能力的培养，通过多元化研学活动，拓宽国际视野，锻炼团队协作能力，培养创新思维与跨文化沟通技能，为学生在全球化时代下的卓越发展奠定坚实基础。
                    </div>
                    <div class="more">
                      <span>查看更多</span
                      ><i class="novem-icons nvm-icon-arrow-right"></i>
                    </div>
                  </div>
                </a>
              </div>
              <div class="col">
                <a href="" class="study-item">
                  <div class="thumb">
                    <img src="/assets/images/gjjl/3.jpg" alt="带薪实习" />
                  </div>
                  <div class="item-bottom">
                    <div class="title">带薪实习</div>
                    <div class="intro">
                      国际实践项目旨在通过精心挑选的国外实习机会，让学生亲身体验不同国家的职场环境与文化氛围。在实习期间，学生不仅能获得宝贵的专业技能锻炼，还能深入了解当地行业趋势，拓展国际人脉，增强就业竞争力。
                    </div>
                    <div class="more">
                      <span>查看更多</span
                      ><i class="novem-icons nvm-icon-arrow-right"></i>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div class="section advantage">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    BRIGHT SPOT
                    <span class="last-word">ADVANTAGE</span>
                  </div>
                  <h2>亮点优势</h2>
                </div>
              </div>
            </div>
            <div class="row row-cols-2 row-cols-sm-3 g-3">
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl01"></i>
                  <div class="desc">
                    <p>100%offer直升海外名校</p>
                    <p>获得国家教育部认证学历</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl02"></i>
                  <div class="desc">
                    <p>校内培养</p>
                    <p>安心省心</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl03"></i>
                  <div class="desc">
                    <p>个性化培养</p>
                    <p>量身定制出国留学方案</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl04"></i>
                  <div class="desc">
                    <p>入学门槛相对较低</p>
                    <p>选择自由度更高</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl05"></i>
                  <div class="desc">
                    <p>国际导师团队</p>
                    <p>阵容强大</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl06"></i>
                  <div class="desc">
                    <p>一次缴费</p>
                    <p>多年收益</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section offer" id="offer">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    success
                    <span class="last-word">case</span>
                  </div>
                  <h2>成功案例</h2>
                </div>
              </div>
              <div class="col-12">
                <div class="offer-swiper-button-prev"></div>
                <div class="offer-swiper-button-next"></div>
                <div
                  class="slider-element"
                  data-swiper-options="{'breakpoints': {'0': {'slidesPerView': 2,'spaceBetween': 10},'992': {'slidesPerView': 3,'spaceBetween': 10},'1200': {'slidesPerView': 4,'spaceBetween': 10},'1400': {'slidesPerView': 5,'spaceBetween': 20}},'navigation': {'prevEl': '.offer-swiper-button-prev','nextEl': '.offer-swiper-button-next'},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true}}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/1.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>悉尼大学</p>
                            <p>QS世界排名第19名</p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/2.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>昆士兰大学</p>
                            <p>QS世界排名第40名</p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/3.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>莫纳什大学</p>
                            <p>QS世界排名第42名</p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/4.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>西澳大学</p>
                            <p>QS世界排名第77名</p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/5.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>诺丁汉大学</p>
                            <p>QS世界排名第108名</p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div class="offer-item">
                          <div class="thumb">
                            <img src="/assets/images/gjjl/offer/6.jpg" alt="" />
                          </div>
                          <div class="intro">
                            <p>英国约克大学</p>
                            <p>QS世界排名第184名</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-pagination"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section case" id="case">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    Student
                    <span class="last-word">demeanor</span>
                  </div>
                  <h2>学生风采</h2>
                </div>
              </div>
            </div>
            <ul class="tabs row g-3 my-4" role="tablist">
              <li class="tab-item col">
                <a
                  href="#lx"
                  class="tab-link active"
                  data-bs-toggle="tab"
                  role="tab"
                >
                  <span>留学案例</span>
                  <i class="novem-icons nvm-icon-link"></i>
                </a>
              </li>
              <li class="tab-item col">
                <a href="#yx" class="tab-link" data-bs-toggle="tab" role="tab">
                  <span>研学案例</span>
                  <i class="novem-icons nvm-icon-link"></i>
                </a>
              </li>
              <li class="tab-item col">
                <a href="#sx" class="tab-link" data-bs-toggle="tab" role="tab">
                  <span>实践案例</span>
                  <i class="novem-icons nvm-icon-link"></i>
                </a>
              </li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane fade show active" id="lx" role="tabpanel">
                <div class="row">
                  <div class="col-12">
                    <div
                      class="case-swiper-button-prev"
                      id="case-swiper-button-prev"
                    ></div>
                    <div
                      class="case-swiper-button-next"
                      id="case-swiper-button-next"
                    ></div>
                    <div
                      class="slider-element"
                      data-swiper-options="{'loop': true,'breakpoints': {'0': {'slidesPerView': 1,'spaceBetween': 10},'768': {'slidesPerView': 2,'spaceBetween': 20},'992': {'slidesPerView': 3,'spaceBetween': 20},'1200': {'slidesPerView': 4,'spaceBetween': 30}},'navigation': {'prevEl': '#case-swiper-button-prev','nextEl': '#case-swiper-button-next'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                    >
                      <div class="swiper">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                        </div>
                        <div class="swiper-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane fade" id="yx" role="tabpanel">
                <div class="row">
                  <div class="col-12">
                    <div
                      class="case-swiper-button-prev"
                      id="case-swiper-button-prev-1"
                    ></div>
                    <div
                      class="case-swiper-button-next"
                      id="case-swiper-button-next-1"
                    ></div>
                    <div
                      class="slider-element"
                      data-swiper-options="{'loop': true,'breakpoints': {'0': {'slidesPerView': 1,'spaceBetween': 10},'768': {'slidesPerView': 2,'spaceBetween': 20},'992': {'slidesPerView': 3,'spaceBetween': 20},'1200': {'slidesPerView': 4,'spaceBetween': 30}},'navigation': {'prevEl': '#case-swiper-button-prev-1','nextEl': '#case-swiper-button-next-1'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                    >
                      <div class="swiper">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                        </div>
                        <div class="swiper-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane fade" id="sx" role="tabpanel">
                <div class="row">
                  <div class="col-12">
                    <div
                      class="case-swiper-button-prev"
                      id="case-swiper-button-prev-2"
                    ></div>
                    <div
                      class="case-swiper-button-next"
                      id="case-swiper-button-next-2"
                    ></div>
                    <div
                      class="slider-element"
                      data-swiper-options="{'loop': true,'breakpoints': {'0': {'slidesPerView': 1,'spaceBetween': 10},'768': {'slidesPerView': 2,'spaceBetween': 20},'992': {'slidesPerView': 3,'spaceBetween': 20},'1200': {'slidesPerView': 4,'spaceBetween': 30}},'navigation': {'prevEl': '#case-swiper-button-prev-2','nextEl': '#case-swiper-button-next-2'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                    >
                      <div class="swiper">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="swiper-slide">
                            <a href="#" class="case-item">
                              <div class="item-top">
                                <div class="title">
                                  即刻出发！海外读本升硕，国外弯道超车，寻找人生新路！
                                </div>
                                <div class="intro">
                                  留学项目旨在与英国、澳大利亚、加拿大、新加坡、日本、韩国等近60所海外高等学府建立深度合作关系，为不同年级、不同专业的学生提供多样化的留学选择，确保每位学生都能找到最适合自己的海外学习路径。
                                </div>
                              </div>
                              <div class="item-bottom">
                                <div class="avatar">
                                  <img
                                    src="/assets/images/gjjl/1.jpg"
                                    alt="留学项目"
                                  />
                                </div>
                                <div class="info">
                                  <div class="name">某同学</div>
                                  <div class="desc">XX级XX学院</div>
                                </div>
                              </div>
                            </a>
                          </div>
                        </div>
                        <div class="swiper-pagination"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section school">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    OVERSEAS
                    <span class="last-word">COLLEGE</span>
                  </div>
                  <h2>部分合作院校</h2>
                </div>
              </div>
              <div class="col-12">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div
                  class="slider-element"
                  data-swiper-options="{'breakpoints': {'0': {'slidesPerView': 3,'grid': {'rows': 2},'spaceBetween': 10},'768': {'slidesPerView': 4,'grid': {'rows': 2},'spaceBetween': 10},'992': {'slidesPerView': 5,'grid': {'rows': 2},'spaceBetween': 10},'1200': {'slidesPerView': 6,'grid': {'rows': 2},'spaceBetween': 20}},'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'},'loop': false, 'pagination': {'el': '.swiper-pagination','clickable': true},'observer':true}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/01.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/02.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/03.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/04.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/05.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/06.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/07.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/08.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/09.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/10.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/11.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/12.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/01.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/02.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/03.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/04.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/05.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/06.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/07.jpg" alt="" />
                      </div>
                      <div class="swiper-slide">
                        <img src="/assets/images/gjjl/school/08.jpg" alt="" />
                      </div>
                    </div>
                    <div class="swiper-pagination"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer id="footer">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-4 col-lg-3 text-center text-md-start">
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo img-fluid"
              />
            </div>

            <div class="col-md-8 col-lg-4 text-center text-md-start">
              中国 · 河南 · 郑州<br />
              电话：0371-69213333 0371-68506666（招生咨询）<br />
              邮箱：zzcszyxy618@163.com<br />
              版权所有 © 2023 郑州城市职业学院<br />

              <div class="py-2">
                <a
                  href="https://beian.miit.gov.cn/"
                  target="_blank"
                  rel="noopener"
                >
                  豫ICP备12014925号-1
                </a>
                /
                <a
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                  target="_blank"
                  rel="noopener"
                >
                  豫公网安备 41018302000187号
                </a>
              </div>
            </div>
            <div class="col-md-8 offset-md-2 col-lg-5 offset-lg-0 text-center">
              <div class="row">
                <div class="col-3">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
